<template>
    <div class="smallList">
        <h3>{{title}}</h3>
        <span @click="much" v-show="v">更多</span>
    </div>
</template>

<script>
    export default {
        name: "smallHeader",

    props:["title","type","v"],
        methods:{
            much(){
                this.$router.push("/many?title="+this.title+"&type="+this.type+"")

            }
        }
    }
</script>

<style lang="less" scoped>
    .smallList{
        background-color: white;
        height: 50px;
        padding: 0 10px;
        h3{
            margin: 0;
            height: 50px;
            float: left;
            line-height: 50px;
        }
        span{
            float: right;
            font-size: 14px;
            line-height: 40px;
            color: #999;
        }
    }
</style>